a
  cursor: pointer
.form-text
  height: 34px
  line-height: 34px
.red
  color: #C83C23
.highlight
  color: #ff0000
.inline-block
  display: inline-block
.pointer
  cursor: pointer

.form-group
  span
    height: 34px
    line-height: 34px
  .input-group
    height: 34px
    line-height: 34px
    .input-group-addon
      padding-top: 0
      padding-bottom: 0
      height: 32px
      line-height: 32px
  .select-grid-first
    padding-left: 0
  .select-grid-last
    padding-right: 0

// validation
.validation-valid
  color: green
.validation-invalid
  color: red

// quill
.advanced-wrapper
  border: 1px solid #ccc
  float: left
  width: 100%
.editor-container
  height: 400px !important
.toolbar-container
  border-bottom: 1px solid #ccc
//  datepicker
.datepicker
  margin-top: 55px

// 左列定宽,右列自适应
=lrGrid($left, $margin-right)
  .lr-grid
    display: flex
    flex-direction: row
    flex-wrap: nowrap
    justify-content: flex-start
    align-content: stretch
    align-items: stretch
    .left
      order: 0
      flex: 0 1 auto
      align-self: flex-start
      overflow: hidden
      width: $left
      margin-right: $margin-right
    .right
      order: 0
      flex: 1 1 auto
      align-self: auto

// 日期范围选择控件样式
=dateRange()
  .date-range
    input
      margin-top: -5px
    input:first-child
      border-top-right-radius: 0
      border-bottom-right-radius: 0
    input:last-child
      border-top-left-radius: 0
      border-bottom-left-radius: 0
    .addon
      padding: 0 12px
      font-size: 14px
      font-weight: normal
      height: 34px
      line-height: 34px
      color: #555
      text-align: center
      background-color: #eee
      border: 1px solid #ccc
      display: inline-block
      border-left: 0
      border-right: 0
// 字符两端对齐
.chars-justify
  display: block
  overflow: hidden
  text-align: justify !important
  text-align-last: justify !important
.chars-justify:after
  display: inline-block
  content: ''
  overflow: hidden
  width: 100%
  height: 0